<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../js/react.development.js"></script>
    <script src="../../js/react-dom.development.js"></script>
    <script src="../../js/babel.min.js"></script>
</head>
<body>

<div id="app"></div>
<script type="text/babel">
    let app = document.querySelector("#app");

    let root = ReactDOM.createRoot(app);
    //root.render("<div style='color: red;'></div>")
    // 创建虚拟dom
    //let element = <h3 title="h3">hello world</h3>
    let element = (
        <h3 title="h3">hello world
            <span>897</span>
        </h3>
    );
    root.render(element)
</script>
</body>
</html>
